<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[if IE 7]> <html xmlns="http://www.w3.org/1999/xhtml" class="ie7 oldie"> <![endif]-->
<!--[if IE 8]> <html xmlns="http://www.w3.org/1999/xhtml" class="ie8 oldie"> <![endif]-->
<!--[if IE 9]> <html xmlns="http://www.w3.org/1999/xhtml" class="ie9"> <![endif]-->
<!--[if gt IE 9]> --> <html xmlns="http://www.w3.org/1999/xhtml"> <!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Apply Online</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>

<body>
	<div class="wrapper"><div class="header">
    	<div class="top-bar">
        	<div class="main-container clearfix">
            	<a href="#" class="">Log out</a>
                <div class="user">Welcome/ Nourhan Mahmoud Kamel</div>
            </div>
        </div>
        <div class="main-container clearfix">
        	<h1 class="logo">
            	<a href="#">
                	FUTURE UNIVERSITY
                    <span></span>
                </a>
			</h1>
            <a href="index.html" class="apply"></a>
        </div>
    </div>
    <div class="content clearfix">
    	<div class="main-container clearfix">
        	<div class="white-area clearfix">
            	<div class="nav">
                	<ul>
                    	<li>
                        	<a href="index.html">
                            	Home
                            </a>
                        </li>
                        <li>
                        	<a href="#">
                            	My Profile
                            </a>
                            <ul>
                            	<li>
                                	<a href="profile1.html" class="active">Personal Information</a>
                                </li>
                                <li>
                                	<a href="profile2.html">Contact Information</a>
                                </li>
                                <li>
                                	<a href="profile3.html">Academic Information</a>
                                </li>
                                <li>
                                	<a href="profile4.html">Desired Faculty</a>
                                </li>
                                <li>
                                	<a href="profile5.html">Help Questions</a>
                                </li>
                                <li>
                                	<a href="profile6.html">Emergency Information</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                        	<a href="upload-papers.html">
                            	Upload Papers
                            </a>
                        </li>
                        <li>
                        	<a href="messaging-inbox.html">
                            	Messaging
                                <span class="messages-counter">17</span>
                            </a>
                        </li>
                        <li>
                        	<a href="support.html">
                            	Support
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="main-side">
                	<h2>My Profile</h2>
                    	<h3 class="profile-title">Contact Information</h3>
                        <div class="profile-area">
                        	<ul>
                            	<li class="clearfix">
                                	<label>
                                    	Street*
                                    </label>
                                    
                                    <input type="text" class="textFiled" />
                                    
                                </li>
                                <li class="clearfix">
                                	<label>
                                    	Area*
                                    </label>
                                    
                                    <input type="text" class="textFiled" />
                                    
                                </li>
                                <li class="clearfix">
                                	<label>
                                    	City*
                                    </label>
                                    
                                    <input type="text" class="textFiled" />
                                    
                                </li>
                                
                                <li class="clearfix">
                                	<label>
                                    	Contact Country*
                                    </label>
                                    <select>
                                    	<option>Egypt</option>
                                        <option>Egypt</option>
                                        <option>Egypt</option>
                                    </select>
                                </li>
                                <li class="clearfix">
                                	<label>
                                    	Mobile*
                                    </label>
                                    
                                    <input type="text" class="textFiled" />
                                    
                                </li>
                                <li class="clearfix">
                                	<label>
                                    	Home Phone*
                                    </label>
                                    
                                    <input type="text" class="textFiled" />
                                    
                                </li>
                                <li class="clearfix">
                                	<label>
                                    	Email*
                                    </label>
                                    
                                    <input type="text" class="textFiled" />
                                    
                                </li>
                                <li class="clearfix">
                                	<label>
                                    	Fax
                                    </label>
                                    
                                    <input type="text" class="textFiled" />
                                    
                                </li>
                                <li class="clearfix">
                                	<label>
                                    	Work
                                    </label>
                                    
                                    <input type="text" class="textFiled" />
                                    
                                </li>
                            </ul>
                            <div class="button clearfix">
                            	<input type="submit" value="Save Changes" />
                            </div>
                        </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    <div class="footer">
    	<div class="main-container">
        	<div class="footer-center">
            	Copyright © 2014[Future University in Egypt]. All rights reserved.
            </div>
        </div>
    </div>
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
</body>
</html>
